@import "./popup.scss";
/*
  z-index规范：
  页面层：0-5；
  固定头部底部层：10；
  popup弹窗层  100；
  白屏层 1000；
  首页页面加载层 10000；

*/
/*CSS Reset*/
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
body{background: #FFFFFF;color: #333; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); outline: 0;font-size: 16px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button { 
  margin: 0; padding: 0; font-family: "Microsoft YaHei";color: #333;font-size: 24px;
};
html,body,#app{height: 100%;}
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
li { list-style: none; }
input, textarea, select { font-weight: inherit; outline: none; -webkit-appearence: none; -ms-appearence: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { border: none; background: none; -webkit-appearance: none; outline: none; }
a { -webkit-touch-callout: none; text-decoration: none; outline: 0; color:#333;text-decoration:none;}
em, i { font-style: normal; }
iframe { display: none; }
::-webkit-input-placeholder {color: #999;}
[v-cloak] {display: none;}
a:hover{text-decoration:none;}
::-webkit-scrollbar {/*隐藏滚轮*/
display: none;
}
img { content: normal !important; }
[v-cloak]{display: none;}
//等待加载样式
#loading{display:none;background: url('/images/loading_1.gif') rgba(12,12,12,.2) no-repeat center center;position: fixed;width: 100%;height: 100%;top:0;left:0;z-index:1000;}
#cloak{position: fixed;z-index:1000;left:0;top:0;width: 100%;height: 100%;background: #fff;}
//一些列的边距样式
.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.mt5{margin-top: 05px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30 {margin-top:30px;}
.ml5{margin-left: 05px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.mr5{margin-right: 05px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
//清除浮动
.clear{clear:both}
.clearfix:after{content:'';display: block;clear: both;}

.inline-block{display:inline-block!important;}

.hide{display: none;}
.show{display: block;}

//flex布局
.flex{display: flex;}

//阿里icon样式
@font-face {
  font-family: 'iconfont';  /* project id 594690 */
  src: url('//at.alicdn.com/t/font_594690_ubv6rmo2j9u7syvi.eot');
  src: url('//at.alicdn.com/t/font_594690_ubv6rmo2j9u7syvi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_594690_ubv6rmo2j9u7syvi.woff') format('woff'),
  url('//at.alicdn.com/t/font_594690_ubv6rmo2j9u7syvi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_594690_ubv6rmo2j9u7syvi.svg#iconfont') format('svg');
}
                    
@mixin icon-font ($sizing) {
  font-family:"iconfont";
	font-size:$sizing;
	font-style:normal;
	vertical-align: middle;
  color: #333
}
.iconfont{@include icon-font(16px);}